<!-- 取消订单详情 -->
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>取消订单详情</title>
	<link rel="stylesheet" type="text/css" href="/static/app/css/common.css">
	<link rel="stylesheet" type="text/css" href="/static/app/css/quxiaoordersDetails.css">
	<script type="text/javascript" src="/static/app/js/common/common.js"></script>
</head>
<body>
	<div id="container">
		<div id="head">
			<a href="/static/app/html/yuyueOrder.html"><img class="back" src="/static/app/images/icon_back2.png"></a>
			<p class="title">订单详情</p>
		</div>
		<div id="con">
			<ul>
				<li>姓名<input type="text" name="name" value="张艺兴" /></li>
				<li>手机号<input type="tel" name="name" value="13342277560" /></li>
				<li>上门时间<input type="text" name="name" value="2018-08-07  14:00" /></li>
				<li>预约城市<input type="text" name="name" value="北京" /></li>
				<li>上门地址<input type="text" name="name" value="北京市朝阳区望京西园博泰大厦" /></li>
			</ul>
			<div class="beizhu">
				<p style="font-size:0.3rem;padding:0.18rem 0.24rem;">取消原因：</p>
				<textarea style="width:92%;height:2rem;margin-left:4%;" placeholder="路程较远，无法按时到达"></textarea>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="/static/app/js/common/jquery-3.3.1.min.js"></script>
<script>
	$(function() {
		$(".refuse").on('click', function() {
			window.location.href = '/static/app/html/refuse.html'
		})
	})
</script>
</html>